
/*Style calendrier */

.JsDatePickBox{
position:relative;
width:212px;
font-family:Arial;
}
.JsDatePickBox .jsDatePickCloseButton{
cursor:pointer;
position:absolute;
z-index:1;
top:1px;
right:10px;
width:33px;
height:13px;
background:url(../images/calendrier/closeButton_normal.gif) left top no-repeat;
}
.JsDatePickBox .jsDatePickCloseButtonOver{
cursor:pointer;
position:absolute;
z-index:1;
top:1px;
right:10px;
width:33px;
height:13px;
background:url(../images/calendrier/closeButton_over.gif) left top no-repeat;
}
.JsDatePickBox .jsDatePickCloseButtonDown{
cursor:pointer;
position:absolute;
z-index:1;
top:1px;
right:10px;
width:33px;
height:13px;
background:url(../images/calendrier/closeButton_down.gif) left top no-repeat;
}
.JsDatePickBox .boxLeftWall{
float:left;
width:7px;
margin:0;
padding:0;
}
.JsDatePickBox .boxLeftWall .leftTopCorner{
margin:0;
padding:0;
width:7px;
height:8px;
background:url(../images/calendrier/boxTopLeftCorner.png) left top no-repeat;
overflow:hidden;
}
.JsDatePickBox .boxLeftWall .leftBottomCorner{
margin:0;
padding:0;
width:7px;
height:8px;
background:url(../images/calendrier/boxBottomLeftCorner.png) left top no-repeat;
overflow:hidden;
}
.JsDatePickBox .boxLeftWall .leftWall{
margin:0;
padding:0;
width:7px;
background:url(../images/calendrier/boxSideWallPx.gif) #fff left top repeat-y;
overflow:hidden;
}
.JsDatePickBox .boxRightWall{
float:left;
width:7px;
margin:0;
padding:0;
}
.JsDatePickBox .boxRightWall .rightTopCorner{
margin:0;
padding:0;
width:7px;
height:8px;
background:url(../images/calendrier/boxTopRightCorner.png) left top no-repeat;
overflow:hidden;
}
.JsDatePickBox .boxRightWall .rightBottomCorner{
margin:0;
padding:0;
width:7px;
height:8px;
background:url(../images/calendrier/boxBottomRightCorner.png) left top no-repeat;
overflow:hidden;
}
.JsDatePickBox .boxRightWall .rightWall{
margin:0;
padding:0;
width:7px;
background:url(../images/calendrier/boxSideWallPx.gif) #fff right top repeat-y;
overflow:hidden;
}
.JsDatePickBox .topWall{
position:absolute;
overflow:hidden;
top:0;
left:7px;
width:198px;
height:4px;
background:url(../images/calendrier/boxTopPx.gif) #fff left top repeat-x;
}
.JsDatePickBox .bottomWall{
position:absolute;
overflow:hidden;
bottom:-1px;
left:7px;
width:198px;
height:4px;
background:url(../images/calendrier/boxTopPx.gif) #fff left top repeat-x;
}
.JsDatePickBox .hiddenBoxLeftWall{
float:left;
width:0;
overflow:hidden;
}
.JsDatePickBox .hiddenBoxRightWall{
float:left;
width:0;
overflow:hidden;
}
.JsDatePickBox .boxMain{
float:left;
margin:0;
padding:15px 0 5px 0;
}
.JsDatePickBox .boxMainStripped{
background:#fff;
border:none;
}
.JsDatePickBox .tooltip{
height:12px;
line-height:11px;
overflow:hidden;
font-size:10px;
color:#666;
text-align:left;
padding:0;
margin:2px 0 2px 0;
}
.JsDatePickBox .weekDaysRow{
height:12px;
overflow:hidden;
line-height:11px;
font-size:10px;
color:#666;
text-align:center;
padding:0;
margin:2px 0 0 0;
}.JsDatePickBox .weekDaysRow .weekDay{
float:left;
height:14px;
overflow:hidden;
width:24px;
margin:0 5px 0 0;
padding:0;
}
.JsDatePickBox .boxMainInner{

width:198px;
float:left;
margin:5px 0 0 0;
padding:0;
}
.JsDatePickBox .boxMainCellsContainer{

margin:0;
padding:0;
}
.JsDatePickBox .boxMainInner .controlsBar{
overflow:hidden;
height:20px;
position:relative;
}
.JsDatePickBox .boxMainInner .controlsBarText{
overflow:hidden;
height:20px;
line-height:20px;
color:#000;
font-size:12px;
text-align:center;
}
.JsDatePickBox .boxMainInner .monthForwardButton{
overflow:hidden;
cursor:pointer;
width:20px;
height:20px;
position:absolute;
top:0;
right:22px;
background:url(../images/calendrier/monthForward_normal.gif) left top no-repeat;
}
.JsDatePickBox .boxMainInner .monthForwardButtonOver{
overflow:hidden;
cursor:pointer;
width:20px;
height:20px;
position:absolute;
top:0;
right:22px;
background:url(../images/calendrier/monthForward_over.gif) left top no-repeat;
}
.JsDatePickBox .boxMainInner .monthForwardButtonDown{
overflow:hidden;
cursor:pointer;
width:20px;
height:20px;
position:absolute;
top:0;
right:22px;
background:url(../images/calendrier/monthForward_down.gif) left top no-repeat;
}
.JsDatePickBox .boxMainInner .monthBackwardButton{
overflow:hidden;
cursor:pointer;
width:20px;
height:20px;
position:absolute;
top:0;
left:22px;
background:url(../images/calendrier/monthBackward_normal.gif) left top no-repeat;
}
.JsDatePickBox .boxMainInner .monthBackwardButtonOver{
overflow:hidden;
cursor:pointer;
width:20px;
height:20px;
position:absolute;
top:0;
left:22px;
background:url(../images/calendrier/monthBackward_over.gif) left top no-repeat;
}
.JsDatePickBox .boxMainInner .monthBackwardButtonDown{
overflow:hidden;
cursor:pointer;
width:20px;
height:20px;
position:absolute;
top:0;
left:22px;
background:url(../images/calendrier/monthBackward_down.gif) left top no-repeat;
}
.JsDatePickBox .boxMainInner .yearForwardButton{
overflow:hidden;
cursor:pointer;
width:20px;
height:20px;
position:absolute;
top:0;
right:0;
background:url(../images/calendrier/yearForward_normal.gif) left top no-repeat;
}
.JsDatePickBox .boxMainInner .yearForwardButtonOver{
overflow:hidden;
cursor:pointer;
width:20px;
height:20px;
position:absolute;
top:0;
right:0;
background:url(../images/calendrier/yearForward_over.gif) left top no-repeat;
}
.JsDatePickBox .boxMainInner .yearForwardButtonDown{
overflow:hidden;
cursor:pointer;
width:20px;
height:20px;
position:absolute;
top:0;
right:0;
background:url(../images/calendrier/yearForward_down.gif) left top no-repeat;
}
.JsDatePickBox .boxMainInner .yearBackwardButton{
overflow:hidden;
cursor:pointer;
width:20px;
height:20px;
position:absolute;
top:0;
left:0;
background:url(../images/calendrier/yearBackward_normal.gif) left top no-repeat;
}
.JsDatePickBox .boxMainInner .yearBackwardButtonOver{
overflow:hidden;
cursor:pointer;
width:20px;
height:20px;
position:absolute;
top:0;
left:0;
background:url(../images/calendrier/yearBackward_over.gif) left top no-repeat;
}
.JsDatePickBox .boxMainInner .yearBackwardButtonDown{
overflow:hidden;
cursor:pointer;
width:20px;
height:20px;
position:absolute;
top:0;
left:0;
background:url(../images/calendrier/yearBackward_down.gif) left top no-repeat;
}
.JsDatePickBox .boxMainInner .skipDay{
cursor:default;
overflow:hidden;
width:24px;
height:25px;
float:left;
margin:4px 5px 0 0;
padding:0;
}
.JsDatePickBox .boxMainInner .dayNormal{
-khtml-user-select:none;
font-size:12px;
cursor:pointer;
overflow:hidden;
color:#4c4c4c;
width:24px;
height:25px;
float:left;
margin:4px 5px 0 0;
padding:0;
text-align:center;
line-height:25px;
}
.JsDatePickBox .boxMainInner .dayNormalToday{
-khtml-user-select:none;
font-size:12px;
cursor:pointer;
overflow:hidden;
color:#f40f0f;
font-weight:bold;
width:24px;
height:25px;
float:left;
margin:4px 5px 0 0;
padding:0;
text-align:center;
line-height:25px;
}
.JsDatePickBox .boxMainInner .dayDisabled{
-khtml-user-select:none;
cursor:default;
font-size:12px;
overflow:hidden;
color:#999;
width:24px;
height:25px;
float:left;
margin:4px 5px 0 0;
padding:0;
text-align:center;
line-height:25px;
}
.JsDatePickBox .boxMainInner .dayOver{
-khtml-user-select:none;
cursor:pointer;
font-size:12px;
overflow:hidden;
color:#4c4c4c;
width:24px;
height:25px;
float:left;
margin:4px 5px 0 0;
padding:0;
text-align:center;
line-height:25px;
}
.JsDatePickBox .boxMainInner .dayOverToday{
-khtml-user-select:none;
cursor:pointer;
font-size:12px;
overflow:hidden;
font-weight:bold;
color:#f40f0f;
width:24px;
height:25px;
float:left;
margin:4px 5px 0 0;
padding:0;
text-align:center;
line-height:25px;
}
.JsDatePickBox .boxMainInner .dayDown{
-khtml-user-select:none;
cursor:pointer;
font-size:12px;
overflow:hidden;
color:#F9F9F9;
width:24px;
height:25px;
float:left;
margin:4px 5px 0 0;
padding:0;
text-align:center;
line-height:25px;
}
.JsDatePickBox .boxMainInner .dayDownToday{
-khtml-user-select:none;
cursor:pointer;
font-size:12px;
overflow:hidden;
color:#f40f0f;
font-weight:bold;
width:24px;
height:25px;
float:left;
margin:4px 5px 0 0;
padding:0;
text-align:center;
line-height:25px;
}

